
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">

    <title>查找学生</title>

    <link href="../static/css/style.css" rel="stylesheet">
    <link href="../static/css/style-responsive.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="../static/js/html5shiv.js"></script>
    <script src="../static/js/respond.min.js"></script>
    <![endif]-->
    <!-- 分页查看 -->
    <link rel="stylesheet" type="text/css" href="../static/css/jquery.dataTables.min.css">

    <script type="text/javascript" src="../static/js/jquery.js"></script>
    <script type="text/javascript" src="../static/js/jquery.dataTables.min.js"></script>
</head>
<div class="left-side sticky-left-side">

    <!--logo and iconic logo start-->
    <div class="logo">
        <a href="/index/indexBack"><img src="../static/images/logo.png" alt=""></a>
    </div>

    <div class="logo-icon text-center">
        <a href="/index/indexBack"><img src="../static/images/logo_icon.png" alt=""></a>
    </div>
    <!--logo and iconic logo end-->

    <div class="left-side-inner">

        <!-- visible to small devices only -->


        <!--sidebar nav start-->
        <ul class="nav nav-pills nav-stacked custom-nav">
            <li class="active"><a href="/index/indexBack"><i class="fa fa-home"></i> <span>主页</span></a></li>
            <li class="menu-list"><a href=""><i class="fa fa-laptop"></i> <span>学生管理</span></a>
                <ul class="sub-menu-list">
                    <li><a href="/index/addStu"> 添加学生</a></li>
                    <li><a href="/index/searchStu"> 查找学生</a></li>
                    <li><a href="/index/delStu"> 删除学生</a></li>
                    <!--                        <li><a href="horizontal_menu.html"> </a></li>-->

                </ul>
            </li>
            <li class="menu-list"><a href=""><i class="fa fa-book"></i> <span>学生归档</span></a>
                <ul class="sub-menu-list">
                    <li><a href="general.html"> 专业归档</a></li>
                    <li><a href="buttons.html"> 学校归档</a></li>
                </ul>
            </li>
        </ul>
        <!--sidebar nav end-->

    </div>
</div>
<body class="login-body">
<script type="text/javascript" size="150" alpha='0.3'
        zIndex="-2">"object" == typeof window && (window.Ribbons = function () {
    var t = window, i = document.body, n = document.documentElement, o = function () {
        if (1 === arguments.length) {
            if (Array.isArray(arguments[0])) {
                var t = Math.round(o(0, arguments[0].length - 1));
                return arguments[0][t]
            }
            return o(0, arguments[0])
        }
        return 2 === arguments.length ? Math.random() * (arguments[1] - arguments[0]) + arguments[0] : 0
    }, s = function (o) {
        var s = Math.max(0, t.innerWidth || n.clientWidth || i.clientWidth || 0),
            h = Math.max(0, t.innerHeight || n.clientHeight || i.clientHeight || 0),
            e = Math.max(0, t.pageXOffset || n.scrollLeft || i.scrollLeft || 0) - (n.clientLeft || 0),
            a = Math.max(0, t.pageYOffset || n.scrollTop || i.scrollTop || 0) - (n.clientTop || 0);
        return {width: s, height: h, ratio: s / h, centerx: s / 2, centery: h / 2, scrollx: e, scrolly: a}
    }, h = function (t, i) {
        this.x = 0, this.y = 0, this.set(t, i)
    };
    h.prototype = {
        constructor: h, set: function (t, i) {
            this.x = t || 0, this.y = i || 0
        }, copy: function (t) {
            return this.x = t.x || 0, this.y = t.y || 0, this
        }, multiply: function (t, i) {
            return this.x *= t || 1, this.y *= i || 1, this
        }, divide: function (t, i) {
            return this.x /= t || 1, this.y /= i || 1, this
        }, add: function (t, i) {
            return this.x += t || 0, this.y += i || 0, this
        }, subtract: function (t, i) {
            return this.x -= t || 0, this.y -= i || 0, this
        }, clampX: function (t, i) {
            return this.x = Math.max(t, Math.min(this.x, i)), this
        }, clampY: function (t, i) {
            return this.y = Math.max(t, Math.min(this.y, i)), this
        }, flipX: function () {
            return this.x *= -1, this
        }, flipY: function () {
            return this.y *= -1, this
        }
    };
    var e = function (t) {
        this._canvas = null, this._context = null, this._sto = null, this._width = 0, this._height = 0, this._scroll = 0, this._ribbons = [], this._options = {
            colorSaturation: "80%",
            colorBrightness: "60%",
            colorAlpha: .65,
            colorCycleSpeed: 6,
            verticalPosition: "center",
            horizontalSpeed: 150,
            ribbonCount: 3,
            strokeSize: 0,
            parallaxAmount: -.5,
            animateSections: !0
        }, this._onDraw = this._onDraw.bind(this), this._onResize = this._onResize.bind(this), this._onScroll = this._onScroll.bind(this), this.setOptions(t), this.init()
    };
    return e.prototype = {
        constructor: e, setOptions: function (t) {
            if ("object" == typeof t) for (var i in t) t.hasOwnProperty(i) && (this._options[i] = t[i])
        }, init: function () {
            try {
                this._canvas = document.createElement("canvas"), this._canvas.style.display = "block", this._canvas.style.position = "fixed", this._canvas.style.margin = "0", this._canvas.style.padding = "0", this._canvas.style.border = "0", this._canvas.style.outline = "0", this._canvas.style.left = "0", this._canvas.style.top = "0", this._canvas.style.width = "100%", this._canvas.style.height = "100%", this._canvas.style["z-index"] = "-1", this._canvas.id = "bgCanvas", this._onResize(), this._context = this._canvas.getContext("2d"), this._context.clearRect(0, 0, this._width, this._height), this._context.globalAlpha = this._options.colorAlpha, window.addEventListener("resize", this._onResize), window.addEventListener("scroll", this._onScroll), document.body.appendChild(this._canvas)
            } catch (t) {
                return void console.warn("Canvas Context Error: " + t.toString())
            }
            this._onDraw()
        }, addRibbon: function () {
            var t = Math.round(o(1, 9)) > 5 ? "right" : "left", i = 1e3, n = this._width + 200, s = 0, e = 0,
                a = "right" === t ? -200 : n, r = Math.round(o(0, this._height));
            /^(top|min)$/i.test(this._options.verticalPosition) ? r = 200 : /^(middle|center)$/i.test(this._options.verticalPosition) ? r = this._height / 2 : /^(bottom|max)$/i.test(this._options.verticalPosition) && (r = this._height - 200);
            for (var l = [], c = new h(a, r), p = new h(a, r), _ = null, d = Math.round(o(0, 360)), u = 0; !(i <= 0);) {
                if (i--, s = Math.round((1 * Math.random() - .2) * this._options.horizontalSpeed), e = Math.round((1 * Math.random() - .5) * (.25 * this._height)), (_ = new h).copy(p), "right" === t) {
                    if (_.add(s, e), p.x >= n) break
                } else if ("left" === t && (_.subtract(s, e), p.x <= -200)) break;
                l.push({
                    point1: new h(c.x, c.y),
                    point2: new h(p.x, p.y),
                    point3: _,
                    color: d,
                    delay: u,
                    dir: t,
                    alpha: 0,
                    phase: 0
                }), c.copy(p), p.copy(_), u += 4, d += this._options.colorCycleSpeed
            }
            this._ribbons.push(l)
        }, _drawRibbonSection: function (t) {
            if (t) {
                if (t.phase >= 1 && t.alpha <= 0) return !0;
                if (t.delay <= 0) {
                    if (t.phase += .02, t.alpha = 1 * Math.sin(t.phase), t.alpha = t.alpha <= 0 ? 0 : t.alpha, t.alpha = t.alpha >= 1 ? 1 : t.alpha, this._options.animateSections) {
                        var i = .1 * Math.sin(1 + t.phase * Math.PI / 2);
                        "right" === t.dir ? (t.point1.add(i, 0), t.point2.add(i, 0), t.point3.add(i, 0)) : (t.point1.subtract(i, 0), t.point2.subtract(i, 0), t.point3.subtract(i, 0)), t.point1.add(0, i), t.point2.add(0, i), t.point3.add(0, i)
                    }
                } else t.delay -= .5;
                var n = this._options.colorSaturation, o = this._options.colorBrightness,
                    s = "hsla(" + t.color + ", " + n + ", " + o + ", " + t.alpha + " )";
                this._context.save(), 0 !== this._options.parallaxAmount && this._context.translate(0, this._scroll * this._options.parallaxAmount), this._context.beginPath(), this._context.moveTo(t.point1.x, t.point1.y), this._context.lineTo(t.point2.x, t.point2.y), this._context.lineTo(t.point3.x, t.point3.y), this._context.fillStyle = s, this._context.fill(), this._options.strokeSize > 0 && (this._context.lineWidth = this._options.strokeSize, this._context.strokeStyle = s, this._context.lineCap = "round", this._context.stroke()), this._context.restore()
            }
            return !1
        }, _onDraw: function () {
            for (var t = 0, i = this._ribbons.length; t < i; ++t) this._ribbons[t] || this._ribbons.splice(t, 1);
            this._context.clearRect(0, 0, this._width, this._height);
            for (var n = 0; n < this._ribbons.length; ++n) {
                for (var o = this._ribbons[n], s = o.length, h = 0, e = 0; e < s; ++e) this._drawRibbonSection(o[e]) && h++;
                h >= s && (this._ribbons[n] = null)
            }
            this._ribbons.length < this._options.ribbonCount && this.addRibbon(), requestAnimationFrame(this._onDraw)
        }, _onResize: function (t) {
            var i = s();
            this._width = i.width, this._height = i.height, this._canvas && (this._canvas.width = this._width, this._canvas.height = this._height, this._context && (this._context.globalAlpha = this._options.colorAlpha))
        }, _onScroll: function (t) {
            var i = s();
            this._scroll = i.scrolly
        }
    }, e
}());
const config = {
    animateSections: !0,
    colorAlpha: .5,
    colorBrightness: "50%",
    colorCycleSpeed: 5,
    colorSaturation: "60%",
    horizontalSpeed: 200,
    parallaxAmount: -.2,
    ribbonCount: 3,
    strokeSize: 0,
    verticalPosition: "random"
};
new Ribbons;</script>
<div class="container">
    <form class="form-signin">
        <div class="login-wrap">

        </div>
    </form>
    <table>
        <thead>
        <tr align="center">
            <td align="center" width="100">姓名</td>
            <td align="center" width="100">性别</td>
            <td align="center" width="100">年龄</td>
            <td align="center" width="100">学校</td>
            <td align="center" width="100">专业</td>
        </tr>
        </thead>
        <tbody th:each="it:${student}">
            <tr>
                <td align="center" width="100" th:text="${it.name}"><b></b></td>
                <td align="center" width="100"></td>
                <td align="center" width="100">${stu.age}</td>
                <td align="center" width="150">${stu.school}</td>
                <td align="center" width="150">${stu.major}</td>
                <td align="center" width="150">${stu.no}</td>
            </tr>
        </tbody>
        <button class="btn btn-lg btn-login btn-block" type="submit">
            <i class="fa fa-check"></i>
        </button>


    </table>
    <!-- Modal -->


</div>


<!-- Placed js at the end of the document so the pages load faster -->

<!-- Placed js at the end of the document so the pages load faster -->
<script src="../static/js/jquery-1.10.2.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/modernizr.min.js"></script>

</body>
</html>
